<template>
  <div>
    <el-card shadow="hover" style="width: 100%;margin-top: 50px">
      <el-row :gutter="20">
        <el-col :span="8">
          <div>
            <el-statistic group-separator="," :value="value1" :title="title1"></el-statistic>
          </div>
        </el-col>
        <el-col :span="8">
          <div>
            <el-statistic group-separator="," :value="value2" :title="title2"></el-statistic>
          </div>
        </el-col>
        <el-col :span="8">
          <div>
            <el-statistic group-separator="," :value="value3" :title="title3"></el-statistic>
          </div>
        </el-col>
      </el-row>
    </el-card>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value1: 2222,
        value2: 2222,
        value3: 2222,
        title1: '剩余提问次数',
        title2: '已用提问次数',
        title3: '总提问次数',

      };
    },
  };
</script>
<style>

</style>
